<div id="modifyavatarBox" class="overlay overlay-genie" data-steps="m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z;m 698.9986,728.03569 41.23353,0 -3.41953,77.8735 -34.98557,0 z;m 687.08153,513.78234 53.1506,0 C 738.0505,683.9161 737.86917,503.34193 737.27015,806 l -35.90067,0 c -7.82727,-276.34892 -2.06916,-72.79261 -14.28795,-292.21766 z;m 403.87105,257.94772 566.31246,2.93091 C 923.38284,513.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 455.17312,480.07689 403.87105,257.94772 z;M 51.871052,165.94772 1362.1835,168.87863 C 1171.3828,653.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 31.173122,513.78234 51.871052,165.94772 z;m 52,26 1364,4 c -12.8007,666.9037 -273.2644,483.78234 -322.7299,776 l -633.90062,0 C 359.32034,432.49318 -6.6979288,733.83462 52,26 z;m 0,0 1439.999975,0 0,805.99999 -1439.999975,0 z">
    <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1440 806" preserveAspectRatio="none">
        <path class="overlay-path" d="m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z" />
    </svg>
    <button type="button" class="overlay-close">关闭</button>
    <div class="model">
        <div class="changeshortcut-box">
        <div class="panel">
            <div class="content shortcut">
                <form th:if="${authorized == 'true'}" action="#" >
                    <hgroup class="shortcut-tit">
                        <h3>快来选一个萌萌哒的头像吧。</h3>
                        <span class="shortcut-tab">
                            <a class="shortcut-active" href="javascript:;" id="modifyavatar-venus" th:onclick="'javascript:showAvatars(\'' + @{/users/avatars} + '\',\'venus\',this);return false;'" name="avatar_group_venus" value="venus"><i class="fa fa-venus"></i></a>
                            <a href="javascript:;" id="modifyavatar-mars" th:onclick="'javascript:showAvatars(\'' + @{/users/avatars} + '\',\'mars\',this);return false;'" name="avatar_group_mars" value="mars"><i class="fa fa-mars"></i></a>
                            <a href="javascript:;" id="modifyavatar-romons" th:onclick="'javascript:showAvatars(\'' + @{/users/avatars} + '\',\'romons\',this);return false;'" name="avatar_group_romons" value="romons"><i class="fa fa-star-o"></i></a>
                            <a href="javascript:;" id="modifyavatar-hallowean" th:onclick="'javascript:showAvatars(\'' + @{/users/avatars} + '\',\'hallowean\',this);return false;'" name="avatar_group_hallowean" value="hallowean"><i class="fa fa-moon-o"></i></a>                            
                            <a href="javascript:;" id="modifyavatar-social" th:onclick="'javascript:showAvatars(\'' + @{/users/avatars} + '\',\'social\',this);return false;'" name="avatar_group_social" value="social"><i class="fa fa-send-o"></i></a>                           
                            <a href="javascript:;" id="modifyavatar-summer" th:onclick="'javascript:showAvatars(\'' + @{/users/avatars} + '\',\'summer\',this);return false;'" name="avatar_group_summer" value="summer"><i class="fa fa-sun-o"></i></a>                          
                            <a href="javascript:;" id="modifyavatar-animal" th:onclick="'javascript:showAvatars(\'' + @{/users/avatars} + '\',\'animal\',this);return false;'" name="avatar_group_animal" value="animal"><i class="fa fa-heart-o"></i></a>                          
                            <a href="javascript:;" id="modifyavatar-zodiac" th:onclick="'javascript:showAvatars(\'' + @{/users/avatars} + '\',\'zodiac\',this);return false;'" name="avatar_group_zodiac" value="zodiac"><i class="fa fa-clock-o"></i></a>
                        </span>
                    </hgroup>
                    <div id="user-avatars" class="shortcut-list">
                        <div th:replace="/views/authentication/partials/avatarSlider"></div>
                    </div>
                    <footer class="shortcut-footer">
                        <p class="mt5">选中的头像组：<span id="chosenGroup" style="font-weight:bold">venus</span> 选中的头像编号：<span id="chosenAvatar" style="font-weight:bold">1</span></p>
                        <div class="form-group mt5">
                            <input th:onclick="'javascript:modifyAvatar(\'' + @{/users/} + ${profile.id} + '/avatar\',\'' + @{/users/} + ${profile.id} + '\');return false;'" type="submit" value="确认" id="modifyavatar_btn" />                            
                        </div>
                    </footer>
                </form>
            </div>
        </div>
        </div>
    </div>
</div>

